

<template>
<div class="personalCente">
  <navBar :title='title' :titleColor='titleColor' :backVisible='backVisible' :homePath='homePath' :visibleLeft='visibleLeft'></navBar>
  <div class="followFlightsCenter">
      <div class="followFlightsList" @click="followFlightsDetails('TV6285')">
          <p class="followFlightsLisTime"><span><img src="../../../../static/images/hbgx.jpg"></span>2019-12-20 今天</p>
          <div class="followFlightsListCenter">
              <div class="followFlightsListCenterTOP">TV6285<span class="fr">到达<img src="../../../../static/images/right.png"></span></div>
              <div class="followFlightsListCenterBottom clearfix">
                  <div>
                    <p class="followFlightsListCenterTime">16:02</p>
                     <p class="followFlightsListCenterAddress">重庆</p>
                  </div>
                  <div class="aircraft">
                    <img class="aircraftImg" src="../../../../static/images/aircraft.png">
                  </div>
                  <div>
                    <p class="followFlightsListCenterTime">17:39</p>
                     <p class="followFlightsListCenterAddress">广州</p>
                  </div>
              </div>
          </div>
      </div>

      <div class="followFlightsList" @click="followFlightsDetails('TV6286')">
          <p class="followFlightsLisTime"><span></span>2019-12-20 今天</p>
          <div class="followFlightsListCenter">
              <div class="followFlightsListCenterTOP">TV6286<span class="fr">到达<img src="../../../../static/images/right.png"></span></div>
              <div class="followFlightsListCenterBottom clearfix">
                  <div>
                    <p class="followFlightsListCenterTime">16:02</p>
                     <p class="followFlightsListCenterAddress">重庆</p>
                  </div>
                  <div class="aircraft">
                    <img class="aircraftImg" src="../../../../static/images/aircraft.png">
                  </div>
                  <div>
                    <p class="followFlightsListCenterTime">17:39</p>
                     <p class="followFlightsListCenterAddress">广州</p>
                  </div>
              </div>
          </div>
      </div>

  </div>
  

</div>
</template>

<script>
import navBar from "@/components/navBar/index"
export default {    
  components:{
    navBar
  },
  data(){
    return{
        title:'关注航班',
        // 标题颜色
        titleColor: {
          default: "#FFFFFF"
        },
        backVisible:true,
        homePath:true,
        visibleLeft:true,
  
    }
  },
  onShow(){     
  
  },
  onLoad(){
  },
  methods: {
  
    //协议详情
    followFlightsDetails(val){
       wx.navigateTo({
        url:"/pages/personalCenter/followFlightsDetails/main?followInfor="+val
      })
    },
  }
}
</script>

<style scoped>
.personalCente{
  width: 100%;
  height: 100vh;
  background: #fff;
}
.followFlightsCenter{
  width: 100%;
  padding: 24px 15px;
  box-sizing: border-box;
}
.followFlightsList{
  width: 100%;
  margin-bottom: 24px;
}
.followFlightsLisTime{
  width: 100%;
  font-size:15px;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(51,51,51,1);
line-height: 16px
}
.followFlightsLisTime span{
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  margin-right: 10px;
  background:rgba(216,216,216,1);
border-radius:3px;
}
.followFlightsLisTime span img{
   width: 16px;
  height: 16px;
  display: block;
}
.followFlightsListCenter{
  margin-top: 10px;
  width: 100%;
  background:rgba(255,255,255,1);
box-shadow:0px 1px 8px 0px rgba(0,0,0,0.1);
}
.followFlightsListCenterTOP{
  padding: 12px 15px;
  width: 100%;
  border-bottom: 1px solid #EBEBEB;
  box-sizing: border-box;
  font-size:17px;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(51,51,51,1);
}
.followFlightsListCenterTOP span img{
  width: 15px;
  height: 15px;
  margin-left: 5px;
}
.followFlightsListCenterBottom{
  width: 100%;
  padding: 12px 15px;

}
.followFlightsListCenterBottom>div{
  width: 33.3333%;
  float: left;
}
.followFlightsListCenterTime{
  font-size:24px;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(51,51,51,1);
text-align: center
}
.followFlightsListCenterAddress{
  font-size:14px;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(153,153,153,1);
text-align: center
}
.aircraft{
  text-align: center
}
.aircraft .aircraftImg{
  width: 20px;
  height: 20px;
}
</style>
